<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>关于我们</title>
<link rel="stylesheet" href="${pageContext.request.contextPath }/css/reset1.css">
<link rel="stylesheet" href="${pageContext.request.contextPath }/css/index.css">

<link rel="stylesheet" href="${pageContext.request.contextPath }/css/bootstrap.min.css" />
<link rel="stylesheet" href="${pageContext.request.contextPath }/css/style3.css" />
<script src="${pageContext.request.contextPath }/js/jquery-1.11.0.min.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath }/js/bootstrap.min.js" ></script>
<script type="text/javascript" src="${pageContext.request.contextPath }/js/indexseo.js" ></script>
<script src="${pageContext.request.contextPath }/js/slider.js"></script>
<script src="${pageContext.request.contextPath }/js/navChange.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath }/js/jquery.validate.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath }/js/messages_zh.js" ></script>

<script type="text/javascript" src="${pageContext.request.contextPath }/js/jquery.cookie.js"></script>
<script type="text/javascript">
var E3MALL = {
		checkLogin : function(){
			var _ticket = $.cookie("token");
			if(!_ticket){
				return ;
			}
			$.ajax({
				url : "${pageContext.request.contextPath }/user/token/" + _ticket,
				//dataType : "jsonp",
				type : "GET",
				success : function(data){
					if(data.status == 200){
						var username = data.data.username;
						/* alert("hello"+username); */
						/* var html = username + "，欢迎您！<a href=\"http://www.e3mall.cn/user/logout.html\" class=\"link-logout\">[退出]</a>"; */
						var html = "<div class='navbar-right' style='display: inline-block;padding-top: 10px;'>"+
				          "<div class=''>"+
				          	"<ol class='list-inline'>"+
				          		"<li>欢迎您,<font style='color: red;'>"+username+"</font></li>|"+
				          		"<li><a href='${pageContext.request.contextPath}/user/logout/"+_ticket+"' class='link-logout'>[退出]</a></li>"+
				          	"</ol>"+
				          "</div>"+
				          "</div>";
						$("#loginbar").html(html);
					}
				}
			});
		}
	}

	$(function(){
		// 查看是否已经登录，如果已经登录查询登录信息
		E3MALL.checkLogin();
	});
</script>
<style>	
  /* Make the image fully responsive */
.carousel-inner img {
     width: 100%;
     height: 100%;
}
</style>
</head>
<body style="overflow-x:hidden;padding-bottom: 50px;">

	<jsp:include page="/WEB-INF/jsp/head.jsp"></jsp:include>
		
		<!--新闻标题列表-->
		<div class="container">
			<div class="col-lg-2">
				
			</div>
			
			<div class="col-lg-8 col-lg-offset-2" style="border: 1px solid #E7E7E7;background-color: antiquewhite;padding-top: 5px;">
				<div class="row">
					<!--标题-->
					<h4>关于我们:</h4>
					<div class="col-lg-8" style="background-color: antiquewhite; padding-top: 5px;padding-bottom: 20px;">
						<form class="form-horizontal" role="form">
							
							<div class="form-group" style="padding-bottom: 1px;">
								
								<div class="col-sm-12">
									<p class="form-control-static">MZUI动物收养网站是一个纯公益性的为了改善当前社会上出现大量流浪猫流浪狗的问题和关爱动物的网站，我们的初衷是保障人们的健康和安全，动物的生存以及改善人与动物在社会公共卫生方面的情况。MZUI动物收养机构照顾失踪，无家可归，流浪，受伤，生病，被忽视和遗弃的动物。如果你有一颗公益的心，不妨加入我们，一起为公益出一份力量（电话：12345678）</p>
								</div>
								<div style="clear:both;"><hr style="background-color: #111111;height: 1px;"/></div>
							</div>
							
							<div class="form-group" style="padding-bottom: 1px;">
								<h4>我们提供:</h4>
								<div class="col-sm-10">
									
										<ol type="A" start="2">
											<li>动物咨询</li>
											<li>动物收养</li>
											<li>动物送养</li>
											<li>失物招领</li>
											<li>流浪动物信息上报</li>
										</ol>
									
								</div>
								<div style="clear:both;"><hr style="background-color: #111111;height: 1px;"/></div>
							</div>
							
							

							<!--<span><hr style="background-color: #111111;height: 1px;"/></span>-->
							
						</form>
					</div>
					<!--图片,名字-->
					<div class="col-lg-4" style="background-color: antiquewhite;text-align:center; padding-top: 5px;padding-bottom: 20px;">
						<span>
							<div style="background: black; padding: 0px;" class="img-thumbnail">
								<img class="img-responsive img-rounded" style="height: 200px;width: 200px;" src="${pageContext.request.contextPath }/img/aboutus.jpg">
								<font style="color: #21A9E7;font-size: xx-large;">关爱动物</font>
						</div>
						</span>
					</div>
					
				</div>
				
				<!--描述-->
				<div class="row">
					<h4>我们的地址:</h4>
					<!--<hr style="background-color: #111111;height: 1px;"/>-->
					
					<div class="col-lg-12" style="margin: auto;">
						<p>及时发送接口的繁华世界的看法是分开计算还是大家发顺丰快件收到回复开始觉得发货对方核实尽快答复很少看见对方核实快递放假地方还是看见反函数扩大解放和</p>
					</div>
				</div>
				
				<!--收养按钮-->
				<!--<div class="row" style="padding-top: 10px;">
					<div class="col-lg-12" style="margin: auto;">
					<a href="">
						<button type="button" class="btn btn-primary">收养它</button>
					</a>
					</div>
				</div>-->
			</div>
			
		</div>

  

		<!--底层-->
		<nav class="navbar-fixed-bottom">
			<header class="header" style="background-color: gainsboro;">
		      <div class="container1">
		      	
		        <ul class="nav" style="padding-top: 5px;">
		          <li class="nav" style="display: inline;">
		            <p>CopyRight@201624131105</p>
		          </li>
		        </ul>
		        
		      </div>
		    </header>
		    </nav>
</body>
</html>
